<script setup lang="ts">
  import { provide } from 'vue'
  import { useGlobalStore } from '@/stores/global'

  const globalStore = useGlobalStore()

  // 提供全局主题状态
  provide('theme', globalStore.theme)
</script>

<template>
  <div id="app" :class="[`theme-${globalStore.theme}`]">
    <router-view />
  </div>
</template>
